<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <meta name="renderer" content="webkit">
  <meta http-equiv="x-ua-compatible" content="IE=Edge, chrome=1"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, maximum-scale=5.0"/>
  <meta name="description" content=""/>
  <meta name="keywords" content=""/>
  <meta http-equiv="pragma" content="no-cache"/>
  <meta http-equiv="cache-control" content="no-cache"/>
  <meta http-equiv="window-target" content="_top"/>
  <title>CQC节能产品政府采购信息查询平台</title>
  <link rel="stylesheet" href="pc/fonts/iconfont.css" />
  <script src="pc/js/loader.js"></script>
</head>
<body>
<div id="mainApp" class="main-app">
  <div class="headerbox">
    <div class="header">
      <span class="h_logo"></span>
      <h1>节能产品政府采购信息查询平台</h1>
    </div>
  </div>
  <div class="inputbox">
    <form method="post" action="#" onsubmit="return false;" autocomplete="off">
      <table class="filter-table">
        <tbody>
          <tr>
            <th>品目：</th>
            <td>
              <el-select v-model="filter.categoryFirst.value" filterable @change="categoryFirstChange" placeholder="不限">
                <el-option
                  v-for="item in filter.categoryFirst.children"
                  :key="item.values"
                  :label="item.text"
                  :value="item.values">
                </el-option>
              </el-select>
              <el-select v-model="filter.categorySecond.value" filterable @change="categorySecondChange" placeholder="不限">
                <el-option
                  v-for="item in filter.categorySecond.children"
                  :key="item.values"
                  :label="item.text"
                  :value="item.values">
                </el-option>
              </el-select>
            </td>
            <th>生产者/制造商：</th>
            <td>
              <input type="text" name="name" class="form-control" v-model="filter.manuName" placeholder="支持模糊查询" maxlength="200" autocomplete="off"/>
            </td>
          </tr>
          <tr>
            <th>品牌：</th>
            <td>
              <input type="text" name="name" class="form-control" v-model="filter.brand" placeholder="支持模糊查询" maxlength="50" />
            </td>
            <th>证书编号：</th>
            <td>
              <input type="text" name="name" class="form-control" v-model="filter.certNo" placeholder="请输入准确证书编号" maxlength="50" />
            </td>
          </tr>
          <tr>
            <th>规格型号：</th>
            <td>
              <input type="text" name="name" class="form-control" v-model="filter.proType" placeholder="支持模糊查询" maxlength="200" />
            </td>
            <th>证书到期日期：</th>
            <td>
              <div class="dateinput-group">
                <div class="dateinput">
                  <input type="text" class="form-control" v-model="filter.certEdateStart" readonly placeholder="请选择日期开始" id="actionDateStart"/>
                  <i class="iconfont icon-date"></i>
                </div>
                <label>至</label>
                <div class="dateinput">
                  <input type="text" class="form-control" v-model="filter.certEdateEnd" readonly placeholder="请选择日期结束" id="actionDateEnd"/>
                  <i class="iconfont icon-date"></i>
                </div>
              </div>
            </td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="4">
              <button type="reset" @click="clearForm">重置</button>
              <button type="button" @click="doSearch" :disabled="!loaded" class="btn2">查询</button>
            </td>
          </tr>
        </tfoot>
      </table>
    </form>
  </div>
  <div class="conterbox" v-if="resultList.length > 0 && dataTotal > 0">
    <div class="crumbs">有<span v-text="dataTotal"></span>条搜索结果</div>
    <div v-if="resultList.length > 0" class="probox">
      <div class="procon" v-for="(item, i) in resultList" :key="i">
        <div class="protitle">
          <h3>规格型号 <strong>{{item.model}}</strong></h3>
          <a href="javascript:;" @click="getContactInfo(item.fields[0].value)" data-selector="actionContacts">查看联系人</a>
        </div>
        <div class="prolist">
          <ul>
            <li v-for="(pro, j) in item.fields" :key="j">
              <p class="ltxt" v-text="pro.title"></p>
              <p class="rtxt" v-if="(typeof pro.value === 'number' && (''+pro.value).length === 13)">{{new Date(pro.value) | dateFormat}} <span v-if="pro.value >= new Date().getTime()">有效</span></p>
              <p class="rtxt" v-else v-text="pro.value"></p>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="nodata" v-if="seatched === true && loaded === true && dataTotal < 1">没有查询到符合条件的搜索结果</div>
  <div class="list-tips" v-if="loaded && dataTotal > 0 && currentPage < Math.ceil(dataTotal / 150)">当前页没有数据了</div>
  <div class="list-tips" v-if="loaded && dataTotal > 0 && currentPage >= Math.ceil(dataTotal / 150)">没有数据了</div>
<!--   v-if="loaded && dataTotal > 0"-->
  <div v-if="loaded && dataTotal > 0" class="pagination" data-selector="pagination">
    <el-pagination background layout="prev, pager, next" prev-text="上一页"  next-text="下一页" hide-on-single-page="true" :total="dataTotal" :current-page="currentPage" page-size="150" @current-change="renderLayPage"></el-pagination>
  </div>
  <div class="footerbox">
    <div class="footer">
      <div class="fleft">
        <p><a href="#" target="_blank"><img src="pc/images/pages/f_logo1.jpg"/></a></p>
        <p><a href="#" target="_blank"><img src="pc/images/pages/f_logo2.jpg"/></a></p>
        <p><a href="#" target="_blank"><img src="pc/images/pages/f_logo3.jpg"/></a></p>
      </div>
      <div class="fcenter">
        <p><span class="icon1"></span>400 800 5123</p>
        <p><span class="icon2"></span>010-83886398</p>
        <p><span class="icon3"></span><a href="mailto:caservice@cqc.com.cn">caservice@cqc.com.cn</a></p>
      </div>
      <div class="fright">
        <p><img src="pc/images/pages/c_img.jpg"/></p>
        <p>微信关注公众号</p>
      </div>
    </div>
  </div>
  <a href="javascript:;" class="backbox" title="返回顶部" id="to_top"><i class="iconfont icon-backtop"></i></a>

  <div class="layer-contacts" :class="{active: layerContacts.show}">
    <div class="layer-body">
      <a href="javascript:;" title="关闭" @click="showLayer(false)" class="layer-close"><i class="iconfont icon-close"></i></a>
      <dl>
        <dt>
          <ul>
            <li :class="{current: layerContacts.tab === 1}"><a href="javascript:;" @click="changeLayerTab(1)">生产者 / 制造商</a></li>
            <li :class="{current: layerContacts.tab === 2}"><a href="javascript:;" @click="changeLayerTab(2)">认证机构信息</a></li>
          </ul>
        </dt>
        <dd v-show="layerContacts.tab === 1">
          <table>
            <tbody>
              <tr v-for="(c, i) in layerContacts.contacts" :key = "i">
                <th><label v-text="c.title"></label></th>
                <td v-text="c.value"></td>
              </tr>
            </tbody>
          </table>
        </dd>
        <dd v-show="layerContacts.tab === 2">
          <div class="table-item" v-for="(c, i) in layerContacts.orgs" :key="i">
            <table>
              <tbody>
                <tr v-for="(a, j) in c.fields" :key="j">
                  <th><label v-text="a.title"></label></th>
                  <td v-text="a.value"></td>
                </tr>
              </tbody>
            </table>
          </div>
        </dd>
      </dl>
    </div>
  </div>
</div>
<script>
  Loader.get('pages/index.js');
</script>
</body>
</html>
